<template>
	<tm-fullView>
		<tm-menubars title="分页" color="bg-gradient-primary-lighten"  :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b  mb-32">分页,当前值:{{ym_1}}</view>
			<tm-pagination  color="bg-gradient-blue-accent" :page.sync="ym_1"  :total="100" :totalVisible="5"></tm-pagination>
			
		</tm-sheet>
		
		
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">换主题</view>
			<tm-pagination  color="red" :page.sync="ym_2"  :total="2000" :totalVisible="5"></tm-pagination>
			
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">圆形</view>
			<tm-pagination round color="bg-gradient-blue-accent" :page.sync="ym_3"  :total="100" :totalVisible="5"></tm-pagination>
			
		</tm-sheet>
		
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">禁用</view>
			<tm-pagination disabled color="bg-gradient-blue-accent" :page.sync="ym_4"  :total="100" :totalVisible="5"></tm-pagination>
			
		</tm-sheet>
		<tm-sheet black :shadow="24">
			<view class="text-size-s text-weight-b mb-32">暗黑</view>
			<tm-pagination black color="bg-gradient-blue-accent" :page.sync="ym_5"  :total="100" :totalVisible="5"></tm-pagination>
			
		</tm-sheet>
		<view style="height: 50upx;"></view>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmPagination from "@/tm-vuetify/components/tm-pagination/tm-pagination.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmPagination},
		data() {
			return {
				ym_1:1,
				ym_2:1,
				ym_3:1,
				ym_4:1,
				ym_5:1,
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
